<template>
  <router-view />
</template>

<script setup>
import WebSocketService from '@/utils/websocketService';  
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'

// 初始化响应式状态  
const connected = ref(false);  

// // 初始化 WebSocketService 实例  
// const webSocketService = new WebSocketService(import.meta.env.VITE_APP_SOCKET_URL); 

// // 监听 WebSocket 事件  
// webSocketService.on('onopen', () => {  
//   connected.value = true;  
//   console.log('WebSocket 连接已打开');  
// });

// webSocketService.on('onmessage', (event) => {  
//   console.log('从服务器接收到消息:', event.data);  
//   // 在这里处理接收到的消息，比如更新组件状态  
// });


onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
  // webSocketService.connect();
})

// 在组件卸载时关闭 WebSocket  
// onUnmounted(() => {  
//   webSocketService.close();  
// });
</script>
